/* pages/bookshelf/bookshelf.wxss */
// .bg{
//   background-color: #DEEAEB;
//   height: 100vh;
//   padding:20rpx;
// }
// .shujia{
//   height: 100vh;
//   border-radius: 20rpx;
//   background-color: #fff;
//   display:flex;
//   flex-wrap: wrap; 
// // justify-content: space-around; 
// }
// .item{
//  width:200rpx;
//  height:280rpx;
//  margin:20rpx;
// //  position: relative;/* 添加定位，以便子元素可以绝对定位 */  
//  display: flex;
//  flex-direction: column;

//   image{
//     height: 200rpx;
//     width:140rpx;

//   }
// }
// .bookcontent{
//   display: flex;
//   flex-direction: column;
  
//   justify-content: center;
//   .bzuozhe{
//     color:#8c8c8c;
//     font-size: 30rpx;

//   }
// }
.bg {  
 // background-color: #DEEAEB;  
  height: 100vh;  
  width:800rpx;
  // padding: 20rpx;  
  box-sizing: border-box; 
 
}  
  
.shujia {  
  
  display: flex;  
  //flex-wrap: wrap;   
  //background-image:url('/assets/bookshelf.jpg');
  height:100vh;
  width:600rpx;
  background-size: cover;
}  
.bg-image{
  width:100%;
  height:100%;
  z-index: -1;
  position: absolute;
}
  
.item {  

  width:200rpx;
  margin: 20rpx;  
  display: flex;  
  flex-direction: column;  
  align-items: center; /* 垂直居中 */  
  box-sizing: border-box; /* 确保 margin 和 padding 不会增加元素的宽度 */  

  
 image {  
  height: 200rpx;
  width:140rpx;
  z-index:1;
  margin-top: 40rpx;
}  
}
.bookcontent {  
  display: flex;  
  flex-direction: column;  
  justify-content: center;  
  text-align: center; /* 文本居中 */  
  color:white;
}  
  
